<template>
    <div class="flex flex-row justify-center items-center h-screen w-screen">
        <Notfound class="w-120 " viewBox="0 0 1074.392 584.231" />
        <div class="ml-12">
            <p class="mb-6 text-gray-700 text-4xl">抱歉 , 页面丢失了 .</p>
            <el-button type="info" class="px-12" @click="back">返回</el-button>
        </div>
    </div>
</template>
<script>
import { getCurrentInstance } from 'vue'
import Notfound from '@/assets/svg/404.svg'
export default {
    components: {
        Notfound
    },
    setup() {
        let { proxy } = getCurrentInstance()
        const back = function () {
            proxy.$router.replace('/')
        }
        return { back }
    }
}
</script>
<style lang="less" scoped>
img svg {
    display: block;
    vertical-align: middle;
}
</style>